@import "variables";

video-detail {
  seed-video {
    #video-box {
      height: pxTorem(422);
    }
  }
  .video-info {
    padding: 0 pxTorem(20);
    background-color: #fff;
    .header {
      padding-bottom: pxTorem(25px);
    }
    .title {
      @include font-dpr(32px);
      padding: pxTorem(25px) 0;
      color: color($h5, c2);
    }
    p {
      display: flex;
      align-items: center;
      justify-content: space-between;
      @include font-dpr(24px);
      color: color($h5, c4);
    }
    span {
      display: flex;
      align-items: center;
    }
    .count {
      &::before {
        content: '';
        display: inline-block;
        margin-right: pxTorem(16);
        @include icon(20, 20, "../../../../assets/icon/icon_play_02.png");
      }
    }
    .intro {
      &::after {
        content: '';
        display: inline-block;
        margin-left: pxTorem(10);
        @include icon(20, 20, "../../../../assets/icon/arrow.png");
      }
      &.open {
        &::after {
          transform: rotate(180deg)
        }
      }
    }
    .content {
      padding-bottom: pxTorem(15px);
      color: color($h5, c2);
      @include font-dpr(24px);
    }
  }
  .uploader-info {
    display: flex;
    align-items: center;
    position: relative;
    height: pxTorem(122);
    margin-bottom: 0; // border-top: 1px solid color($h5, c9);
    @include font-dpr(30px);
    color: color($h5, c2);
    seed-avatar {
      width: pxTorem(80px);
      height: pxTorem(80px);
      margin-right: pxTorem(20);
      border-radius: 50%;
    }
  }
  /*推荐视频列表*/
  .recommand-list {
    @include font-dpr(28px);
    background: color($h5, c10);
    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: pxTorem(20) pxTorem(20) 0 pxTorem(20);
      color: color($h5, c2);
      @include font-dpr(28px);
      background-color: #fff;
    }
  }
  missing-default-content .spellMissingPage1 {
    padding-top: pxTorem(10);
  }
}
